iT邦幫忙

2022 iThome 鐵人賽

DAY 17
0
自我挑戰組

30天JavaScript自學挑戰系列 第 17

Day 17 陣列 - 1

  • 分享至 

  • xImage
  •  

陣列(Array)是一種數據結構,在JavaScript中,最重要的兩種數據結構就是陣列和物件,比起將數個不同的值賦予給不同的變數,我們可以將許多值放進一個陣列中,並把它們賦予給一個變數,這是比較常見的做法。

const fruit1 = "apple";
const fruit2 = "banana";
const fruit3 = "cherry";
 
const fruits = ["apple", "banana", "cherry"];

console.log(fruits);
//  ["apple", "banana", "cherry"]

另一種創造陣列的方法是使用Array函數,前面要加上new關鍵字:

const flowers = new Array("lily", "rose", "orchid")

console.log(flowers);
// ["lily", "rose", "orchid"]

上面兩種方式是如何將數據放入陣列中,若我們要取出數據,要使用方括號語法:

console.log(flowers[0]);
// lily

console.log(flowers[2]);
// orchid

方括號中的數字代表在陣列中該元素的位置,也就是該元素的索引(index),索引是從0開始計算的。
因為方括號中放入的是一個值,所以不一定要是數字,可以是任何的表達式,例如:

console.log(flowers.length);
// 3

console.log(flowers[flowers.length - 1]);
// orchid

在這裡,length這個方法可用來得知陣列中有幾個元素,答案是3個,因此上述的表達式結果為3-1=2,因此該位置的元素就是"orchid"。


上一篇
Day 16 Function Declaration v.s. Expression
下一篇
Day 18 陣列 -2
系列文
30天JavaScript自學挑戰30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言